<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入轮播样式 -->
    <link rel="stylesheet" href="./lib/slider/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 头部黑色 -->
        <div class="head-black container clearfix">
            <span class="fl">www.legou.com</span>
            <div class="black-right fr">
                <span class="fl">欢迎光临乐购</span>
                <div class="log fr">
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- logo部分 -->
        <div class="head-nav">
            <div class="container clearfix">
                <div class="logo fl">
                    <img src="./img/logo.jpg" alt="">
                </div>
                <div class="nav-right fl">
                    <input type="text" placeholder="请输入搜索的商品名称">
                    <button><img src="./img/ser.png" alt=""></button>
                </div>
                <div class="btn-car fr">
                    <span class="car"> <img src="./img/sCart.png" alt=""> 购物车 <i>0</i> </span>
                    <span class="order">我的订单</span>
                </div>
                <ul class="list">
                    <li><a class="active" href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>

                </ul>
            </div>
        </div>

    </div>

    <!-- banner -->
    <div class="banner-box">
        <div class="container clearfix">
            <div class="list-left fl">
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <p class="list-wrap">
                            <a href="#">图书</a>
                            <a href="#">电子书</a>
                            <a href="#">童书</a>
                        </p>
                        <div class="menu">
                            子菜单
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 轮播图 -->
            <div class="pptbox fl" id="banner">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./lib/slider/imgs/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lib/slider/imgs/banner2.webp" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lib/slider/imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lib/slider/imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./lib/slider/imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </div>

    <!-- 小米 -->
    <div class="xiaomi container clearfix">
        <ul class="xiaomi-list">
            <li><img src="./img/xiaomi1.jpg" alt=""></li>
            <li><img src="./img/xiaomi2.jpg" alt=""></li>
            <li><img src="./img/xiaomi3.jpg" alt=""></li>
            <li><img src="./img/xiaomi2.jpg" alt=""></li>
        </ul>
        <img src="./img/code.png" alt="">
    </div>

    <!-- 秒杀 -->
    <div class="miaosha container clearfix floor">
        <div class="miaosha-box fl">
            <div class="red-box">
                <h2>乐购.今日秒杀</h2>
                <img src="./img/shandian.png" alt="">
                <h5>倒计时</h5>
                <span id="h">09</span>
                <i>:</i>
                <span id="m">45</span>
                <i>:</i>
                <span id="s">26</span>
            </div>
        </div>

        <!-- 列表轮播 -->
        <div class="slider fr">
            <div class="pptbox xiaomi-lunbo">
                <ul class="innerwrapper">
                    <!-- 轮播是这个li在滑动 -->
                    <li>
                        <!-- 每个li中有4个盒子 -->
                        <ul>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmys.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥129.00</span>
                                <del>¥230.00</del>
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmck.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥162.00</span>
                                <del>¥30.00</del>                        
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmyf.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥99.00</span>
                                <del>¥60.00</del>                              
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmdk.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥69.00</span>
                                <del>¥59.00</del>                             
                            </li>
                        </ul>
                    </li>
                    <li>
                        <!-- 每个li中有4个盒子 -->
                        <ul>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmck.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥129.00</span>
                                <del>¥230.00</del>
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmys.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥162.00</span>
                                <del>¥30.00</del>                        
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmej.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥99.00</span>
                                <del>¥60.00</del>                              
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmdk.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥69.00</span>
                                <del>¥59.00</del>                             
                            </li>
                        </ul>
                    </li>
                    <li>
                        <!-- 每个li中有4个盒子 -->
                        <ul>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmej.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥129.00</span>
                                <del>¥230.00</del>
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmys.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥162.00</span>
                                <del>¥30.00</del>                        
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"><img src="./img/xmdk.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥99.00</span>
                                <del>¥60.00</del>                              
                            </li>
                            <li class="provide-item">
                                <p class="tcenter"> <img src="./img/xmck.jpg" alt=""></p>
                                <p class="mt13">小米小爱音箱 Play</p>
                                <span>¥69.00</span>
                                <del>¥59.00</del>                             
                            </li>
                        </ul>
                    </li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div>
    </div>


    <!-- 每日好货推荐 -->
    <div class="every floor">
        <div class="container clearfix">
            <p class="recommend">
                <img src="./img/sprite.png" alt="">每日好货推荐<img src="./img/sprit.png" alt="">
            </p>
            <div class="every-box pink-box fl">
                <p><i>乐购快抢</i> · 美好生活抢先到</p>
                <a href="#">品质好物 天天低价 >></a>
                <div class="pink-box-img clearfix">
                    <img src="./img/every.png" alt="">
                    <img src="./img/e2.png" alt="">
                    <img src="./img/e3.png" alt="">
                </div>
            </div>
            <div class="every-box blue-box fr">
                <p><i>品牌活动</i> · 最后疯抢 3折封顶</p>
                <a href="#">150+品牌疯抢中 >></a>
                <div class="pink-box-img clearfix">
                    <img src="./img/e4.png" alt="">
                    <img src="./img/e5.png" alt="">
                    <img src="./img/e6.png" alt="">
                </div>
            </div>
        </div>
    </div>


    <!-- 服装配饰 -->
    <div id="clothing" class="clothing floor container">
        <!-- 头部 -->
        <div class="common-title clearfix">
            <h2 class="title fl">服 装 配 饰</h2>
            <img src="./img/sanjiao.PNG" alt="">
            <ul class="fr">
                <li class="tab-title fl active">热销内衣</li>
                <li class="tab-title fl">精品男装</li>
                <li class="tab-title fl">童装</li>
            </ul>
        </div>
        <!-- 内容区域 -->
        <div class="content">
            <!-- 热销内衣 -->
            <div class="con-item current">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/yellow.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 精品男装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/rexiao.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/a.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/aa.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/aaa.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/aaaa.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 童装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/tongzhuang.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/t (1).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/t (2).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/t (3).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/t (4).jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 右边二维码 -->
    <!-- <div class="code">
        <h2>下载APP</h2>
        <img src="./img/qryhd.png" alt="">
        <p>
            <img src="./img/sCar.png" alt="">
            <span>购 物 车</span>
        </p>
    </div> -->

    <!-- 母婴童装 -->
    <div id="child" class="child floor container">

        <!-- 头部 -->
        <div class="common-title clearfix">
            <h2 class="title fl">母 婴 童 装</h2>
            <img src="./img/sanjiao.PNG" alt="">
            <ul class="fr">
                <li class="tab-title fl active">热销内衣</li>
                <li class="tab-title fl">精品男装</li>
                <li class="tab-title fl">童装</li>
            </ul>
        </div>
        <!-- 内容区域 -->
        <div class="content">

            <div class="con-item current">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/c.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/rexiao.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>
                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/a.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/aa.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/aaa.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/aaaa.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/cc.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>
                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/t (1).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/t (2).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/t (3).jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/t (4).jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    <!-- 精致人生 -->
    <div id="delicate" class="delicate floor container">
        <!-- 头部 -->
        <div class="common-title clearfix">
            <h2 class="title fl">精 致 人 生</h2>
            <img src="./img/sanjiao.PNG" alt="">
            <ul class="fr">
                <li class="tab-title fl active">热销内衣</li>
                <li class="tab-title fl">精品男装</li>
                <li class="tab-title fl">童装</li>
            </ul>
        </div>
        <!-- 内容区域 -->
        <div class="content">
            <!-- 热销内衣 -->
            <div class="con-item current">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/e2.png" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 精品男装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/rexiao.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 童装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/tongzhuang.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 家居生活 -->
    <div id="life" class="life floor container">
        <!-- 头部 -->
        <div class="common-title clearfix">
            <h2 class="title fl">家 居 生 活</h2>
            <img src="./img/sanjiao.PNG" alt="">
            <ul class="fr">
                <li class="tab-title fl active">热销内衣</li>
                <li class="tab-title fl">精品男装</li>
                <li class="tab-title fl">童装</li>
            </ul>
        </div>
        <!-- 内容区域 -->
        <div class="content">
            <!-- 热销内衣 -->
            <div class="con-item current">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/every.png" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 精品男装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/rexiao.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 童装 -->
            <div class="con-item">
                <!-- 上面内容 -->
                <div class="top-con clearfix">
                    <!-- 左 -->
                    <div class="left-con fl">
                        <img src="./img/tongzhuang.jpg" alt="">
                        <div class="tran-box">
                            <p>黄金珠宝节</p>
                            <span>每满300减30</span>
                        </div>
                        <div class="small-btn">
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">女装</a></li>
                                <li class="cen"><a href="#">内衣</a></li>
                                <li><a href="#">泳衣</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- 中 -->
                    <div class="mid-con fl">
                        <!-- 轮播图 -->
                        <div>
                            <div class="pptbox content-lunbo">
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun2.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./img/small-lun3.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                        </div>

                        <!-- 图片链接 -->
                        <a href="#">
                            <img src="./img/sttimg.jpg" alt="">
                        </a>
                    </div>

                    <!-- 右 -->
                    <div class="right-con fr">
                        <ul>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>时尚精致女装</p>
                                    <span>春夏女装99选3</span>
                                    <img src="./img/girlw.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>大牌品质鞋包</p>
                                    <span>大牌鞋包不止5折</span>
                                    <img src="./img/shoes.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>魅力舒适内衣</p>
                                    <span>CK文胸买2免1</span>
                                    <img src="./img/neiyi.jpg" alt="">
                                </a>
                            </li>
                            <li class="right-con-imgs fl">
                                <a href="#">
                                    <p>型格潮流男装</p>
                                    <span>阿玛尼低至3折</span>
                                    <img src="./img/boyw.jpg" alt="">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 下面品牌 -->
                <div class="btm-con">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p1.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p2.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p3.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p4.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p5.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p7.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p8.png" alt="">
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./img/p6.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 左边楼层 -->
    <ul class="floor-nav">
        <li class="floor-item bg1">秒杀</li>
        <li class="floor-item bg2">好货</li>
        <li class="floor-item bg3">服饰</li>
        <li class="floor-item bg4">童装</li>
        <li class="floor-item bg5">精致</li>
        <li class="floor-item bg6">家居</li>
    </ul>

    <!-- 顶部搜索框 -->
    <div class="topsearch">
        <div class="container">
            <div class="nav-right fl">
                <input type="text" placeholder="请输入搜索的商品名称">
                <button><img src="./img/ser.png" alt=""></button>
            </div>
        </div>
    </div>

    <!-- foot -->
    <div class="foot">
        <div class="foot-content container">
            <ul class="foot-img">
                <li>
                    <img src="./img/foot-img1.jpg" alt="">
                    <p>正品保障</p>
                    <span>正品行货 放心选购</span>
                </li>
                <li>
                    <img src="./img/foot-img2.jpg" alt="">
                    <p>满86包邮</p>
                    <span>满86元 免运费</span>
                </li>
                <li>
                    <img src="./img/foot-img3.jpg" alt="">
                    <p>售后无忧</p>
                    <span>7天无理由退货</span>
                </li>
                <li>
                    <img src="./img/foot-img4.jpg" alt="">
                    <p>准时送达</p>
                    <span>收货时间由你做主</span>
                </li>
            </ul>

            <div class="line"></div>

            <div class="foot-link">
                <div class="link-left clearfix">
                    <ul class="fl link-left-list">
                        <li>
                            <h4>新手入门</h4>
                            <a href="#">购物流程</a>
                            <a href="#">会员制度</a>
                            <a href="#">订单查询</a>
                            <a href="#">服务协议及隐私说明</a>
                            <a href="#">网站地图</a>
                        </li>
                        <li>
                            <h4>支付方式</h4>
                            <a href="#">货到付款</a>
                            <a href="#">网上支付</a>
                            <a href="#">礼品卡支付</a>
                            <a href="#">其它支付</a>
                        </li>
                        <li>
                            <h4>配送服务</h4>
                            <a href="#">配送进度查询</a>
                            <a href="#">商品验货与签收</a>
                        </li>
                        <li>
                            <h4>相关规则</h4>
                            <a href="#">平台规则</a>
                            <a href="#">退换货政策</a>
                            <a href="#">发票制度</a>
                            <a href="#">帮助中心</a>
                        </li>
                    </ul>
                    <div class="link-right fr">
                        <div class="link-right-code1 fl">
                            <p>App更优惠</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                        <div class="link-right-code2 fr">
                            <p>加微信查订单</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="feet">
        <p>
            沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
        </p>
        <p>
            沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证
        </p>
        <div class="feet-img">
            <img src="./img/feet1.jpg" alt="">
            <img src="./img/feet2.jpg" alt="">
            <img src="./img/feet3.png" alt="">
            <img src="./img/feet4.jpg" alt="">
            <img src="./img/feet5.jpg" alt="">
            <img src="./img/feet6.png" alt="">
        </div>
    </div>

    <script src="./lib/slider/lib/jquery.min.js"></script>
    <script src="./lib/slider/lib/jquery.slidebox.js"></script>
    <!-- 引入当前文件的js -->
    <script src="./js/common.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>